
<div class="page page-profile">

    <header class="profile-header">
        <div class="profile-img">
            <img alt="" src="images/g1.jpg" class="img-circle">
        </div>

        <div class="profile-social">
            <a href="javascript:;" class="btn-icon btn-icon-round btn-facebook"><i class="fa fa-facebook"></i></a>
            <a href="javascript:;" class="btn-icon btn-icon-round btn-twitter"><i class="fa fa-twitter"></i></a>
            <a href="javascript:;" class="btn-icon btn-icon-round btn-instagram"><i class="fa fa-instagram"></i></a>
        </div>

        <div class="profile-info">
            <ul class="list-unstyled list-inline">
                <li><i class="fa fa-video-camera"></i> Films <span class="text-muted">(39)</span></li>
                <li><i class="fa fa-image"></i> Photos <span class="text-muted">(63)</span</li>
                <li><i class="fa fa-bookmark"></i> Collections <span class="text-muted">(55)</span</li>
                <li><i class="fa fa-check"></i> Tasks <span class="text-muted">(34)</span</li>
            </ul>
        </div>
    </header>


    <div class="row">
        <div class="col-sm-3">
            <div class="panel mini-box">
                <span class="btn-icon btn-icon-round btn-icon-lg-alt bg-danger">
                    <i class="fa fa-video-camera"></i>
                </span>
                <div class="box-info">
                    <p class="size-h2">39</p>
                    <p class="text-muted">Amazing Films</p>
                </div>
            </div>                    
        </div>
        <div class="col-sm-3">
            <div class="panel mini-box">
                <span class="btn-icon btn-icon-round btn-icon-lg-alt bg-warning">
                    <i class="fa fa-image"></i>
                </span>
                <div class="box-info">
                    <p class="size-h2">63</p>
                    <p class="text-muted">Wonderful Photos</p>
                </div>
            </div>                    
        </div>
        <div class="col-sm-3">
            <div class="panel mini-box">
                <span class="btn-icon btn-icon-round btn-icon-lg-alt bg-success">
                    <i class="fa fa-bookmark"></i>
                </span>
                <div class="box-info">
                    <p class="size-h2">55</p>
                    <p class="text-muted">New Collections</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="panel mini-box">
                <span class="btn-icon btn-icon-round btn-icon-lg-alt bg-info">
                    <i class="fa fa-check"></i>
                </span>
                <div class="box-info">
                    <p class="size-h2">34</p>
                    <p class="text-muted">Tasks Finised</p>
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default" data-ng-controller="flotChartCtrl">
        <div class="panel-body">
            <div data-flot-chart
                 data-data="line1.data"
                 data-options="line1.options"
                 style="width: 100%; height: 380px;"
                 ></div>
        </div>
    </div>

</div>